<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>您问我答</title>
		<link href="css/reset.css" rel="stylesheet" />
		<link href="css/skin.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/swiper.3.1.2.min.css" />
		<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
		<script type="text/javascript" src="js/swiper.3.1.2.jquery.min.js"></script>
		<script type="text/javascript" src="js/imageView.js"></script>
		<script>
			$(function() {
				$(".all-content").bind("click", showAll);
				$("#answer-btn").bind("click", function(e) {
					$("#answer-text").css("top", "0%");
					e.stopPropagation();
				});
				$(".btn-cancel").bind("click", function() {
					$("#answer-text").css("top", "-100%");
				});
				$(".btn-send").bind("click", function() {
					$("#answer-text").css("top", "-100%");
				});
				$(".images").children("a").bind("click",
					function() {
						new viewImage({
							selector: $(this).parent(),
							index: $(this).prevAll().length
						});
					});
			});

			function showAll(e) {
				var p = $(this).parent().prev().find("p");
				var height = p.css("height");
				var status = p.data("status");
				var lh = p.css("line-height");
				if (status == "open") { //已展开
					$(this).text("全部");
					p.removeAttr("style");
					p.data("status", "close");
				} else {
					$(this).text("收起");
					p.css("height", "auto");
					p.data("status", "open");
				}
			}
		</script>
	</head>

	<body>
		<!--搜索框-->
		<!--<div class="btn-search-bg list-btn-serach">
			<div class="btn-search-box">
				<div class="input-box">
					<input type="text" class="input-item" placeholder="搜答案" />
					<i class="btn-search"><img src="img/search.png"/></i>
				</div>
				<div class="btn-question">
					<a href="ask.html" class="btn-content">我要提问</a>
				</div>
			</div>
		</div>-->
		<div id="box-container" class="wrap">
			<!--提问按钮-->

			<!--问题-->
			<div class="question-container">
				<div class="question-container-inner">
					<div class="question-title">
						<img class="question-icon" src="img/question-icon.png" />
						<div class="q-title"><a href="#">今天购买的股票基金什么时候开始计算收益今天购买的股票基金什么时候开始计算收益？</a></div>
						<div class="clear"></div>
					</div>

					<div class="question-content-detail">
						<div class="images">
							<a href="javascript:void(0);" style="background-image:url(img/1.jpg)"><span></span></a>
							<a href="javascript:void(0);" style="background-image:url(img/2.jpg)"><span></span></a>
							<a href="javascript:void(0);" style="background-image:url(img/3.jpg)"><span></span></a>
						</div>
						<p>今天买的股票型基金，编号：00000。每股1元,总计20000股，不知什么时候开始算收益？ 今天买的股票型基金，编号：00000。每股1元，总计20000股，不知什么时候开始算收益？</p>
					</div>
					<div class="question-detail">
						<span class="question-type type-big">理财问答</span>
						<span class="username">用户名</span>
						<span class="qa-time">2015-10-20 </span>
						<span><em>666</em>次浏览</span>
						<span><em>666</em>次回答</span>
					</div>
					<div class="answer-btn" id="answer-btn">
						<a href="#" class="answer-btn-a">我来回答</a>
					</div>
					<div class="question-detail-bottom">

						<a class="zan-numb question-zan-numb" href="javascript:void(0);"><i class="iconfont icon-zan"></i>6666</a>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--回答列表-->
			<div class="expert-answer-list">
				<div class="expert-list-item">
					<div class="expert-img">
						<a href="expert.html"><img src="img/expert3.png"></a>
					</div>
					<div class="expert-info-content">
						<div class="expert-info">
							<span class="expert-name"><a href="expert.html">专家姓名</a></span>
							<span class="answer-time">2015-10-20 20:50</span>
						</div>
						<div class="exp-type"><span>理财规划咨询师</span><span>银行理财咨询师</span><span>证券投资咨询师</span></div>

						<div class="expert-answer-detail">
							<div class="images">
								<a href="javascript:void(0);" style="background-image:url(img/1.jpg)"><span></span></a>
								<a href="javascript:void(0);" style="background-image:url(img/2.jpg)"><span></span></a>
								<a href="javascript:void(0);" style="background-image:url(img/3.jpg)"><span></span></a>
							</div>
							<p>解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容</p>
						</div>
						<div class="btn-container">
							<a href="javascript:void(0);" class="all-content">全部</a>
							<div class="btn-pinglun-show"><i class="iconfont icon-zan"></i>666</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="expert-list-item">
					<div class="expert-img">
						<a href="expert.html"><img src="img/expert3.png"></a>
					</div>
					<div class="expert-info-content">
						<div class="expert-info">
							<span class="expert-name"><a href="expert.html">专家姓名</a></span>
							<span class="answer-time">2015-10-20 20:50</span>
						</div>
						<div class="exp-type"><span>理财规划咨询师</span><span>银行理财咨询师</span><span>证券投资咨询师</span></div>

						<div class="expert-answer-detail">
							<p>解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容</p>
						</div>
						<div class="btn-container">
							<a href="javascript:void(0);" class="all-content">全部</a>
							<div class="btn-pinglun-show"><i class="iconfont icon-zan"></i>666</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="expert-list-item">
					<div class="expert-img">
						<a href="expert.html"><img src="img/expert3.png"></a>
					</div>
					<div class="expert-info-content">
						<div class="expert-info">
							<span class="expert-name"><a href="expert.html">专家姓名</a></span>
							<span class="answer-time">2015-10-20 20:50</span>
						</div>
						<div class="exp-type"><span>理财规划咨询师</span><span>银行理财咨询师</span><span>证券投资咨询师</span></div>

						<div class="expert-answer-detail">
							<p>解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容</p>
						</div>
						<div class="btn-container">
							<a href="javascript:void(0);" class="all-content">全部</a>
							<div class="btn-pinglun-show"><i class="iconfont icon-zan"></i>666</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="expert-list-item">
					<div class="expert-img">
						<a href="expert.html"><img src="img/expert3.png"></a>
					</div>
					<div class="expert-info-content">
						<div class="expert-info">
							<span class="expert-name"><a href="expert.html">专家姓名</a></span>
							<span class="answer-time">2015-10-20 20:50</span>
						</div>
						<div class="exp-type"><span>理财规划咨询师</span><span>银行理财咨询师</span><span>证券投资咨询师</span></div>

						<div class="expert-answer-detail">
							<p>解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容</p>
						</div>
						<div class="btn-container">
							<a href="javascript:void(0);" class="all-content">全部</a>
							<div class="btn-pinglun-show"><i class="iconfont icon-zan"></i>666</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="expert-list-item">
					<div class="expert-img">
						<a href="expert.html"><img src="img/expert3.png"></a>
					</div>
					<div class="expert-info-content">
						<div class="expert-info">
							<span class="expert-name"><a href="expert.html">专家姓名</a></span>
							<span class="answer-time">2015-10-20 20:50</span>
						</div>
						<div class="exp-type"><span>理财规划咨询师</span><span>银行理财咨询师</span><span>证券投资咨询师</span></div>

						<div class="expert-answer-detail">
							<p>解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容解答内容</p>
						</div>
						<div class="btn-container">
							<a href="javascript:void(0);" class="all-content">全部</a>
							<div class="btn-pinglun-show"><i class="iconfont icon-zan"></i>666</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<!--加载更多-->
				<div class="get-more">点击加载更多...</div>
			</div>

		</div>
		<!--回答文本框-->
		<div class="answer-text" id="answer-text">
			<div style="padding:5%;">
				<div>
					<textarea placeholder="我来回答"></textarea>
				</div>
				<div class="images">
					<a href="javascript:void(0);" class="image-item" style="background-image: url(img/1.jpg);"><span></span><b></b></a>
					<a href="javascript:void(0);" class="image-item" style="background-image: url(img/1.jpg);"><span></span><b></b></a>
					<a href="javascript:void(0);" class="image-item" style="background-image: url(img/1.jpg);"><span></span><b></b></a>
					<span class='insert-image'><b></b><span></span>
					<input type="file" /> </span>
				</div>
				<a href="#" class="btn-send">发送</a>
				<br />
				<a href="#" class="btn-cancel">取消</a>
			</div>
		</div>
		<div class="footer-menu">
			<ul>
				<li>
					<a href='javascript:void(0);'><i class="iconfont icon-sanheng"></i>走进财道</a>
					<ul>
						<li>
							<a href="into_caidao.html">关于财道</a>
						</li>
						<li>
							<a href="into_caidao.html#contact">联系我们</a>
						</li>
						<li>
							<a href="#">版权申明</a>
						</li>
						<li>
							<a href="#">财道大事记</a>
						</li>
						<li>
							<a href="#">加入财道专家</a>
						</li>
					</ul>
				</li>
				<li>
					<a href='javascript:void(0);'><i class="iconfont icon-sanheng"></i>你问我答</a>
					<ul>
						<li>
							<a href="qa_list.html">理财问答</a>
						</li>
						<li>
							<a href="qa_list.html">投资问答</a>
						</li>
						<li>
							<a href="qa_list.html">融资问答</a>
						</li>
						<li>
							<a href="qa_list.html">马上提问</a>
						</li>
						<li>
							<a href="qa_list.html">向专家提问</a>
						</li>
					</ul>
				</li>
				<li>
					<a href='javascript:void(0);'><i class="iconfont icon-sanheng"></i>我的财道</a>
					<ul>
						<li>
							<a href="expert.html">发布的问题</a>
						</li>
						<li>
							<a href="#">得到的答案</a>
						</li>
						<li>
							<a href="expert.html">回答的问题</a>
						</li>
						<li>
							<a href="#">收到的问题</a>
						</li>
						<li>
							<a href="#">我要提问</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		</body>

</html>